<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
	<title>
	<?php if(!empty($pagetitle)): echo ($pagetitle); endif; ?>
</title>
<script type="text/javascript" src="__ROOT__/public/jsLib/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="__ROOT__/public/jsLib/jquery.cookies.2.2.0.min.js"></script>
<script type="text/javascript" src="__ROOT__/asset/js/main.js"></script>
<script type="text/javascript" src="__ROOT__/asset/js/checkfield.js"></script>
<link rel="stylesheet" type="text/css" href="__ROOT__/public/jsLib/bootstrap/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="__ROOT__/public/jsLib/bootstrap/google-code-prettify/prettify.css" />
<link rel="stylesheet" type="text/css" href="__ROOT__/asset/main.css" />
<script type="text/javascript" src="__ROOT__/public/jsLib/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="__ROOT__/public/jsLib/bootstrap/google-code-prettify/prettify.js"></script>
<script type="text/javascript">
	var APP = "__APP__";
	var cookie_prefix = '<?php echo ($cookie_prefix); ?>';
	var app_path = $.cookies.get(cookie_prefix+'config_path');
	var dir = $.cookies.get(cookie_prefix+'base_dir');
	var app_name = $.cookies.get(cookie_prefix+'app_name');
	var version = $.cookies.get(cookie_prefix+'version');
	var app_url=$.cookies.get(cookie_prefix+'app_url');
	$(function () {
		//首页的tooltip绑定
		$('.leftbar>li').tooltip({placement:'right'});
		prettyPrint()
	});
</script>
	<style type="text/css">
		.install li {
			line-height: 30px;
			margin-bottom: 6px;
		}

		.sample img {
			border: 20px solid gray;
			margin: 0 auto 30px auto;

			display: block;
		}
		.sample p {
		font-weight: bold;
		}
	</style>
</head>
<body>
<div class="navbar navbar-fixed-top navbar-inverse">
	<div class="navbar-inner">
		<div class="container">
			<a class="brand" href="__APP__" data-original-title="返回TP助手首页">ThinkPHP助手</a>
			<ul class="nav">
				<li class="divider-vertical"></li>

				<li><a href="" class="app_name" data-original-title="访问项目首页" style="color: #ffffff;font-weight: bold;" target="_blank"></a></li>
			</ul>

			<form class="pull-right" id="docform" action="" method="post" enctype="application/x-www-form-urlencoded" target="_blank">
				<div class="input-prepend input-append">
					<select name="docname" id="docname" class="" onchange="getAction()">
						<option value="php">php</option>
						<option value="jquery">jQuery</option>
						<option value="thinkphp">ThinkPHP</option>
					</select>
					<input name="pattern" class="span2" id="appendedInputButtons" type="text" onchange="getAction()" placeholder="输入函数名或关键词">
					<input type="hidden" name="keywords" value="">
					<input type="hidden" name="show" value="quickref">
					<input type="hidden" name="lang" value="zh">
					<button class="btn" type="submit">搜索</button>
				</div>
			</form>

		</div>
	</div>
</div>

<div class="top-alert alert-error affix" style="display: none;">
	<div class="container ">
		<button class="close" style="margin-top: 4px;">&times;</button>
		<div class="alert alert-error alert-noborder alert-content" style="">
			表单填写有误,请检查红色提示表单项.
		</div>
	</div>
</div>

<script type="text/javascript">
	$('.navbar .app_name').text("当前项目：" + app_name);
	$('.navbar .app_name').attr('href', app_url);
	$('.navbar a').tooltip({placement:'bottom'});
	var search = {
		php     :"http://cn2.php.net/search.php",
		jquery  :'http://api.jquery.com/?ns0=1&s=keywords',
		thinkphp:'http://doc.thinkphp.cn/manual/_search.html'
	}
	function getAction() {
		var keyword = $("input[name='pattern']").val();
		var url = search[$('#docname').val()].replace(/keywords/, keyword);
		$('#docform').attr('action', url);
		$("input[name='keywords']").val(keyword)
	}
	getAction();
</script>
<div class="container content">
	<div class="row body-content">
		<div class="span3">
			<ul class="nav nav-tabs nav-stacked leftbar">
	<li id="config_list" data-original-title="修改当前项目的配置文件">
		<a href="__APP__/Config/index">
			编辑项目配置
			<i class="icon-chevron-right"></i>
		</a>
	</li>
	<li data-original-title="快速向项目中添加常用js库">
		<a href="__APP__/FileManager/getfilelist" id="addlib" class="showform" data-original-title="添加js或css框架到项目目录">添加前端库
		<i class="icon-chevron-right"></i>
		</a>
	</li>
	<li>
		<a href="__APP__/Index/pregTest" id="pcrehelper" class="showform" data-original-title="正则表达式测试">PHP正则助手
		<i class="icon-chevron-right"></i>
		</a>
	</li>
	<li>
		<a href="__APP__/Index/fragmentTest">代码片段测试
		<i class="icon-chevron-right"></i>
		</a>
	</li>
	<li>
		<a href="__APP__/Index/installConsole">安装Console工具
			<i class="icon-chevron-right"></i>
		</a>
	</li>
	<li>
		<a href="__APP__/Index/markdown">Markdown编辑器
			<i class="icon-chevron-right"></i>
		</a>
	</li>
</ul>
<script type="text/javascript">
	$.each($('.leftbar li'),function(){
		if (location.href.indexOf($(this).find('a').attr('href'))>0 ) {
			$(this).addClass('active')
		}
	})
</script>

		</div>
		<div class="span9">
			<h2>介绍</h2>

			<div class="alert alert-info">
				Console工具封装了Firefox上的FirePHP扩展支持和Chrome浏览器上的ChromePHP扩展支持，是一个方便的输出调试工具。您可以像在浏览器中调试js那样来调试PHP。
			</div>
			<h2>安装</h2>
			<div class="alert alert-info">
			<ul class="install">
				<li class="install-ext">
				</li>
				<li class="install-tool">
					浏览器扩展安装结束后，点此<strong class="app_name" style="color: #000;font-weight: bold;"></strong>
					<button class="btn btn-primary" onclick="installConsole()">安装Console工具</button>
				</li>
			</ul>
			</div>
			<script type="text/javascript">
				var extension, browser_name;
				if ($.browser.chrome) {
					browser_name = 'Chrome'
					extension = "https://chrome.google.com/webstore/detail/chromephp/noaneddfkdjfnfdakjjmocngnfkfehhd?hl=zh-CN";
				} else if ($.browser.mozilla) {
					browser_name = 'Firefox'
					extension = 'https://addons.mozilla.org/en-US/firefox/addon/firephp/';
				}
				$('.install-ext').html('您使用的浏览器可能是' + browser_name + ' ,点此 <a  class="btn btn-primary" href="' + extension + '" target="_blank">安装ChromePHP扩展</a>');
				$('.install-tool .app_name').text("为项目：" + app_name);
				var installConsole = function () {
					$.post('__APP__/FileManager/installConsole', function (data, status) {
						if (status == 'success') {
							if (version == 3.0) {
								data = $.parseJSON(data).data;
							}
							if (data.error) {
								updateAlert('Console工具自动安装失败，您可以手动安装，最后的卸载过程反过来就是手动安装过程。')
							}else{
								alert('恭喜您，安装完成');
							}
						}
					})
				};
			</script>
			<h2>API</h2>
			<div>
				<p>
					安装结束后，您就可以在项目的控制器和模型PHP代码中插入下面几种类型的调试代码：
				</p>
				<pre class="prettyprint">
Console::log($var);      //输出调试变量
Console::log($var,'标记');//输出调试变量，并加上一个标记字符串。
Console::error($var);    //输出调试变量，并加上一个错误标记。
Console::warn($var);     //输出调试变量，并加上一个警告标记。
Console::info($var);     //输出调试变量，并加上一个info标记。
Console::start('grouplabel');//为调试信息分组
Console::end();              //分组结束标记</pre>

				<h2>示例代码</h2>
				<pre class="prettyprint">
//安装结束后，你可以直接将下面的代码复制到IndexAction::index()中体验效果
$base = '/home/www/test';
Console::log( $base,'BaseDir');
Console::error('无法创建目录'.$base);
Console::warn( '这是一个警告信息' );
Console::log( $_SERVER,'_SERVER变量' );</pre>
				<div class="sample">
					<p>
						调试信息在Chrome的console窗口中显示结果:
					</p>
					<img src="__ROOT__/asset/img/chromePHP.png" />
					<p>
						调试信息在Firefox的控制台窗口中显示结果:
					</p>
					<img src="__ROOT__/asset/img/firePHP.png" />
				</div>
				<h2>配置</h2>
				<div class="alert alert-info">
				<p>在项目的config.php中，设置<code>'CONSOLE_ON' => false,</code>可以禁止输出调试信息</p>
				<p>在项目的config.php中，设置<code>'CONSOLE_LABEL_ON' => false,</code>可以禁止输出默认的控制器分组标记</p>
				</div>
				<h2>卸载</h2>
				<div class="alert alert-info">
				<ul>
					<li>删除代码中的<code>Console::</code>调试语句</li>
					<li>删除项目<code>Conf/tags.php</code>中的行为注册：<br><code>'action_begin' => array( 'DebugStart'),</code><br/><code>'action_end'  => array( 'DebugEnd' ),</code></li>
					<li>删除<code>Conf/config.php</code>中的配置项：<code>CONSOLE_ON</code>和<code>CONSOLE_LABEL_ON</code></li>
					<li>删除项目<code>Lib/Behavior</code>目录下的<code>DebugStartBehavior.class.php</code>和<code>DebugEndBehavior.class.php</code></li>
				</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<?php echo ($footer); ?>
</body>
</html>